@charset "utf-8";
/* CSS Document */

*{
	font-family: 'Open Sans', sans-serif;
}

body{
	margin: 0 auto;
}

#topo{
	width: auto;
	height: 260px;
}

#area_logo{
	width: auto;
	height: 130px;
	background:#2c3944 url(../img/logo-lifeway.png) no-repeat center ;
}

#rodape_area_logo{
	width: auto;
	height: 10px;
	background: #000000;
}

#area_menu{
	width: auto;
	height: 80px;
	background: #4f4e4e;
	padding-top: 10px;
}

#rodape_area_menu{
	width: auto;
	height: 10px;
	background: #9ede00;
}


#centro{
	width: auto;
	height: auto;

}

#conteudo_rodape{
	width: auto;
	height: 260px;
	background: #4f4e4e;
}

#alto_rodape{
	width: auto;
	height: 10px;
	background: #000000;
}

/* ====Menu principal======*/


#nav {width: 680px; background: #4f4e4e; position: relative; margin: 0 0 0 28%;}
nav ul { margin: 0; padding: 0; list-style: none; width: 100%; float: left;}
#nav ul li { float: left; font: 14px arial; border-right: 1px solid #eee; list-style-type:none;}
#nav ul li a:link,a:visited { color: #FFF; text-decoration: none; padding: 10px 10px 0px 10px; display: block;  margin:0 0 0 0;}
#nav ul li:hover { background: #FFF; }
#nav ul li:hover a:hover { color: #000; text-decoration: none; padding: 10px 10px 0px 10px; display: block;  margin:0 0 0 0;}
#nav ul li .esteira { background: url(../img/esteira_branco.png) no-repeat center ; float: left; width: 100%; padding:40px 0px 0px 0px; margin-bottom: 0px;  }
#nav ul li:hover .esteira { background: url(../img/esteira.png) no-repeat center ; float: left; width: 100%; padding:40px 0px 0px 0px; margin-bottom: 0px;  }
#nav ul li .eliptico { background:  url(../img/eliptico_branco.png) no-repeat center ; float: left; width: 100%; padding:40px 0px 0px 0px; margin-bottom: 0px;  }
#nav ul li:hover .eliptico { background:  url(../img/eliptico.png) no-repeat center ; float: left; width: 100%; padding:40px 0px 0px 0px; margin-bottom: 0px;}
#nav ul li .bicicleta { background: url(../img/bicicleta_branco.png) no-repeat center ; float: left; width: 100%; padding:40px 0px 0px 0px; margin-bottom: 0px;  }
#nav ul li:hover .bicicleta { background: url(../img/bicicleta.png) no-repeat center ; float: left; width: 100%; padding:40px 0px 0px 0px; margin-bottom: 0px;  }
#nav ul li .plataforma { background: url(../img/plataforma_branco.png) no-repeat center ; float: left; width: 100%; padding:40px 0px 0px 0px; margin-bottom: 0px;  }
#nav ul li:hover .plataforma { background: url(../img/plataforma.png) no-repeat center ; float: left; width: 100%; padding:40px 0px 0px 0px; margin-bottom: 0px;  }
#nav ul li .contato { background: url(../img/contato_branco.png) no-repeat center ; float: left; width: 100%; padding:40px 0px 0px 0px; margin-bottom: 0px;  }
#nav ul li:hover .contato { background: url(../img/contato.png) no-repeat center ; float: left; width: 100%; padding:40px 0px 0px 0px; margin-bottom: 0px;  }
#nav ul li .localizacao { background: url(../img/localizacao_branco.png) no-repeat center ; float: left; width: 100%; padding:40px 0px 0px 0px; margin-bottom: 0px;  }
#nav ul li:hover .localizacao { background: url(../img/localizacao.png) no-repeat center ; float: left; width: 100%; padding:40px 0px 0px 0px; margin-bottom: 0px;  }


/* ====BOX de produtos======*/
.box {
  display: inline-block;
  width: 200px;
  height: 305px;
  margin: 1em;
  border: 1px solid black;
}

/* === FONTES de produtos======*/
.txt-titulo{
	font-size: 14px;
	color:black;
	padding: 0;
	margin: 0;
}

.txt-de{
	font-size: 10px;
	color:black;
	padding: 0;
	margin: 0;
}

.txt-por{
	font-size: 15px;
	color:black;
	padding: 0;
	margin: 0;
	font-weight: bold;
}


#textos{
	margin: 180px 10px 0 10px;
}

#comprar{
	font-size: 25px;
	color: white;
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
	background-color: #2c3844;
	height: 37px;
	text-align: center;			
}

#comprar a:link, a:visited{
	text-decoration: none;
	color:white;
	font-weight: bold;		
}

#comprar a:hover{
	text-decoration: none;
	color:white;				
}

#comprar:hover{
	background-color: #9ede00;
;				
}




